<template>
    <div class="msg-item">
        <div>
            <slot name="icon">
                <img class="msg-avatar" v-bind:src="avatar" alt="">
            </slot>
        </div>
        <div class="msg-body">
            <span>{{ msgItem.nikeName }}</span>
            <p class="msg-last">{{ msgItem.lastMsg }}</p>
            <span class="msg-times">{{ msgItem.tS }}</span>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                avatar : '',
                timeStamp : ''
            }
        },
        props: [
            'msgItem'
        ],
        created () {
            this.avatar = this.msgItem.avatar ? this.msgItem.avatar : '../src/lib/df_avatar.png';
        }
    }
</script>